﻿@{
    ViewBag.Title = "ChartJS";
}

<h3>Chart JS</h3>
<div class="container-fluid">
    <div class="row mb-lg">
        <div class="col-lg-6">
            <h4>Line Chart</h4>
            <div>
                <canvas id="chartjs-linechart"></canvas>
            </div>
        </div>
        <div class="col-lg-6">
            <h4>Bar Chart</h4>
            <div>
                <canvas id="chartjs-barchart"></canvas>
            </div>
        </div>
    </div>
    <div class="row mb-lg">
        <div class="col-lg-6">
            <h4>Polar Area Chart</h4>
            <div>
                <canvas id="chartjs-polarchart"></canvas>
            </div>
        </div>
        <div class="col-lg-6">
            <h4>Radar Chart</h4>
            <div>
                <canvas id="chartjs-radarchart"></canvas>
            </div>
        </div>
    </div>
    <div class="row mb-lg">
        <div class="col-lg-6">
            <h4>Pie Chart</h4>
            <div>
                <canvas id="chartjs-piechart"></canvas>
            </div>
        </div>
        <div class="col-lg-6">
            <h4>Doughnut Chart</h4>
            <div>
                <canvas id="chartjs-doughnutchart"></canvas>
            </div>
        </div>
    </div>
</div>

@section Scripts {
    @Scripts.Render("~/bundles/ChartJS")
}
